Vue.component("info",{
    template:
        '<table id="example3" class="table table-bordered table-hover">'
        +'<thead>'
        +'<tr>'
        +'<th>课程名称</th>'
        +'<th>教练</th>'
        +'<th>时长</th>'
        +'<th>可预约人数</th>'
        +'</tr>'
        +'</thead>'
        +'<tbody>'
        +'<tr v-for="courseInfo in courseInfos">'
        +'<td>{{courseInfo.course.coName}}</td>'
        +'<td>{{courseInfo.teacher.staffName}}</td>'
        +'<td>{{courseInfo.course.coOncetime}}</td>'
        +'<td>{{courseInfo.course.coMaxstu}}</td>'
        +'<td>'
        +'<a href="coursedetails.html"><button type="button" class="btn btn-primary">详情</button></a>'
        +'<a href="courseedit1.html"><button type="button" class="btn btn-info">修改</button></a>'
        +'<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#modal-danger" v-on:click="chuancan(2,courseInfo.arrangeId)">删除</button>'
        +'</td>'
        +'</tr>'
        +'</tbody>'
        +'</table>',
    props:{
        courseInfos:{
            type:Array,
            default:[]
        }
    },
    methods: {
        chuancan(delFlag,delId){
            return this.$emit("chuancan",delFlag,delId);
        }
    }
});